
.com_prd_item {
    height: rem(200);
    position: relative;
    padding: rem(30);
    padding-left: rem(250);
    border-bottom: 1px solid #edeff2;
    .prd_img {
      position: absolute;
      width: rem(200);
      height: rem(200);
      left: rem(30);
      right: 0;
      background: #f8f8f8;
    }
    .prd_info {
      .prd_title {
        font-size: rem(28);
        color: #17273a;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: rem(40);
        line-height: rem(40);
        -webkit-line-clamp: 1;
        margin-bottom: rem(6);
      }
      .prd_seat {
         height: rem(60);
      }
     .prd_tips {
       height: rem(28);
       line-height: rem(28);
       font-size: rem(20);
       color: #999;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: pre-wrap;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       font-weight: 500;
       margin-top: rem(6);
     }
     .prd_tag .discount {
       padding: 0 rem(10);
       height: rem(24);
       border-radius: 2px;
       font-size: rem(18);
       text-align: center;
       line-height: rem(24);
       color: #fff;
       margin-right: rem(10);
       background: #E91F3F;
       /* background-repeat: no-repeat; */
       /* background-image: url('https://mjmh.meijiameihuo.com/wechat/images/home/discount.png'); */
       /* background-size: contain; */
       float: left;
     }
     .prd_tag {
       height: rem(24);
       margin-top: rem(20);
     }
     .prd_tag .coupon {
       width: rem(40);
       height: rem(24);
       border-radius: 2px;
       font-size: rem(18);
       text-align: center;
       line-height: rem(24);
       color: #fff;
       margin-right: rem(10);
       background-image: url('https://mjmh.meijiameihuo.com/wechat/images/home/coupon.png');
       background-size: contain;
       background-repeat: no-repeat;
       float: left;
     }
     .prd_info_bottom {
       display: flex;
       flex-direction: row;
       align-items: flex-end;
       justify-content: space-between;
     }
     .prd_price {
       font-size: rem(24);
       margin-top: rem(10);
       .buy_price {
         height: rem(36);
         line-height: rem(36);
         color: #17273a;
         font-size: rem(32);
       }
       .buy_price.no_vip {
         color: #e91f3f;
         font-size: rem(32);
       }
       .price_icon {
         display: inline-block;
         height: rem(36);
         font-size: rem(24);
         color: #17273a;
       }
       .buy_tips {
         height: rem(36);
         line-height: rem(36);
         font-size: rem(24);
         color: #e91f3f;
         font-weight: 500;
       }
       .buy_tips.no_vip {
         color: #999;
         font-size: rem(24);
         margin-left: rem(24);
         text-decoration: line-through;
       }
     }
     .prd_info_bottom .prd_item_btns {
      font-size: rem(24);
      color: #fff;
      text-align: center;
      line-height: rem(50);
    }
    .prd_info_bottom .prd_item_btns .buy_btn {
      width: rem(140);
      height: rem(50);
      background: #e91f3f;
      border-radius: rem(4);
      font-size: rem(24);
      color: #fff;
      text-align: center;
      line-height: rem(50);
      display: inline-block;
    }
    .prd_info_bottom .prd_item_btns .push_prd {
      width: rem(120);
      height: rem(50);
      background: linear-gradient(220deg, rgba(236, 216, 182, 1) 0%, rgba(213, 176, 127, 1) 100%);
      border-radius: rem(4);
      display: inline-block;
    }
    .prd_info_bottom .prd_item_btns .share_prd {
      width: rem(120);
      height: rem(50);
      background: rgba(233, 31, 63, 1);
      display: inline-block;
      border-radius: 4px;
      margin-left: 10px;
    }
    .prd_sale {
      margin-top: rem(11);
      font-size: rem(24);
      color: #333;
    }
    .prd_sale .sale_icon {
      width: rem(44);
      height: rem(44);
      display: inline-block;
      vertical-align: middle;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin-left: rem(-10);
      background-image: url('https://mjmh.meijiameihuo.com/wechat/images/home/icon_sale.png');
    }
    .prd_sale .sale_txt {
      display: inline-block;
      vertical-align: middle;
      color: #999999;
    }
  }
}
